import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class ButtonPage extends StatelessWidget {
  final SystemUiOverlayStyle _style =
      SystemUiOverlayStyle(statusBarColor: Colors.transparent);

  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(_style);
    // TODO: implement build
    return MaterialApp(
      home: ButtonWidget(),
      theme: ThemeData(primarySwatch: Colors.yellow),
    );
  }
}

class ButtonWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _ButtonPage();
  }
}

class _ButtonPage extends State<StatefulWidget> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text("Button Page"),
      ),
      body: Column(
        children: <Widget>[
          RaisedButton(
            child: Text("Raised Button"),
            onPressed: () => {print("RaisedButton onPressed:")},
          ),
          FlatButton(
            child: Text("Flat Button"),
            onPressed: () => {print("Flat Button onPressed:")},
          ),
          OutlineButton(
            child: Text("OutlineButton"),
            onPressed: () => {print("OutlineButton onPressed:")},
          ),
          IconButton(
              icon: Icon(Icons.directions_bike),
              onPressed: () => {print("IconButton  onPressed:")}
              ),
          FlatButton(
            textColor: Color(0xffff0000),
            color: Colors.blue,
            highlightColor: Colors.yellow,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(20.0)
            ),
            child: Text("FlatButton Red"),
            onPressed: ()=>{
              print("FlatButton Red onPressed:")
            },
          )
        ],
      ),
    );
  }
}
